<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>JS-特效-小游戏集合</title>
	<link rel="stylesheet" type="text/css" href="default.css">
</head>

<body>
	<div class="container">
		<h1>JS-特效-小游戏集合</h1>

		<div class="language-extra">
			<pre><code>我做web开发很多年了，主要是后端，前端也会一些
从前看到那些会写特效和游戏的前端
我很羡慕

最近抽空仔细学习了前端知识，开始写一些练手的小游戏
其实写游戏和写普通的项目没有什么区别
无非就是调接口, 面向对象, 算法, 设计模式
但游戏更难一些, 因为用户体验要求很高</code></pre>
		</div>

		<p>以下是我最近写的一些特效和游戏</p>

		<h4>[小游戏] 元胞自动机</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/cell/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/cell" target="_blank">查看代码</a>
			</li>
		</ul>

		<h4>[小游戏] 贪吃蛇</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/snake/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/snake" target="_blank">查看代码</a>
			</li>
		</ul>

		<h4>[小游戏] 2048</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/2048/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/2048" target="_blank">查看代码</a>
			</li>
		</ul>

		<h4>[小游戏] 俄罗斯方块</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/tetris/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/tetris" target="_blank">查看代码</a>
			</li>
		</ul>

		<h4>[小游戏] 方块坦克大战</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/blockTank/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/blockTank" target="_blank">查看代码</a>
			</li>
		</ul>

		<h4>[小游戏] 农场小游戏</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/farm/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/farm" target="_blank">查看代码</a>
			</li>
		</ul>

		<h4>[特效] 动态粒子效果背景</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/particle-animation/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/particle-animation" target="_blank">查看代码</a>
			</li>
		</ul>

		<h4>[特效] 鼠标移动炫彩小球</h4>
		<ul>
			<li>
				<a href="https://www.feonix.cn/globule/" target="_blank">在线预览</a>
			</li>
			<li>
				<a href="https://gitee.com/demo./js_games/tree/master/globule" target="_blank">查看代码</a>
			</li>
		</ul>

		<p>未完待续...</p>
	</div>
	<div class="footer">
		Copyright &copy; FeoniX. <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action" target="_blank">苏ICP备15016730号-2</a>. All rights resolved.
	</div>
</body>

</html>